@charset "utf-8";


.header-top{
   display: flexbox;
}

/*山田研究室のロゴについて*/
.titlelogo{
   width: 300px;
   height: auto;
   display: flex;
   float: left;
   padding-left:100px;
   padding-bottom: 0px;
   padding-top: 0px;
   padding-right: 100px;
}

/* 岩手大学のロゴ */
.univlogo {
   text-align: right;
   float: right;
   padding-bottom: 10px;
   padding-top: 10px;
  
 
}

.univlogoimg {
   width: 180px;
   height: auto;
   float: right;
   padding-right: 20px;
}
.kikailogoimg{
   width: 110px;
   height: auto;
   padding-top:10px;
   padding-right: 20px;
}


/* 言語選択の部分 */
.translate{
   padding: 70px 30px 0 0;
   margin: 0;
}


/* 以下ヘッダーの項目の部分 */
.header-middle{
   width: 100%;
}

.header-list{
   list-style: none;
   display: flex;
   padding: 0;
   margin: 0;
   background-color: #8fbc8f;
   width: 100%;
}

.header-list li{
   width: 150px;
   display: inline-block;
   position: relative;
}

.header-list li a{
   line-height: 50px;
   text-align: center;
   text-decoration: none;
   background-color: #8fbc8f;
   color: aliceblue;
   display: block;
   /* position: absolute; */
   z-index: 2;
}

.header-list li ul li{
   border-top: 0.5px solid aliceblue;
   
}



.header-list ul{
   display: none;
   margin: 0px;
   padding: 0px;
   position: absolute;
   z-index: 2;
}

.header-list li:hover ul{
   display: block;
} 


/* ヘッダーのリストの下線のアニメーション */
.header-list a::after {
   position: absolute;
   left: 0;
   content: '';
   width: 100%;
   height: 5px;
   background: #beec16;
   bottom: -1px;
   transform: scale(0, 1);
   transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
   transition: transform 0.5s;   /*変形の時間*/
}
   
.header-list a:hover::after {
   transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}

/* ここから本文の内容についてのcss */
/* .image{
   text-align: center;
   width: 300px;
   height: auto;
} */

.aerodynamicnoise4-image{
   display: flex;
}


/* フッターのcss */
.content{
   min-height: calc(100vh - 180px);/*ヘッダーとフッターの最低の高さを設定*/
}

footer{
   background-color: #8fbc8f;
   width: 100%;
   height: 150px;
}

.footer-class{
   color: aliceblue;
 
   padding-left:10%;
   padding-right: 10%
}

footer .footer-title{
   padding-top: 30px;
   margin-bottom: 5px;
   font-size: 20px;
}

footer .addres{
   margin-top: 0;
   margin-top: 0;
}

.aerodynamicnoise{
   margin: auto;
   width: 100%;
   max-width: 1280px;
}

.aerodynamicnoise h1{
   border-bottom: solid;
   border-color: #8fbc8f;
  border-width: 5px;

}
.aerodynamicnoise h3{
   border-bottom: solid;
   border-color: #8fbc8f;
  border-width: 2px;
}

.sentence{
   padding-left:5%;
   padding-right: 5%;
}


/*
div.aerodynamicnoise1{
   float: left;
   width: 60%;
}
div.aerodynamicnoise1-image{
   float: light;
   width: 40%;
}

div.aerodynamicnoise2{
   float: right;
   width: 60%;
}
div.aerodynamicnoise2-image{
   float: left;
   width: 40%;
}
div.aerodynamicnoise3{
   float: left;
   width: 60%;
}
div.aerodynamicnoise3-image{
   float: light;
   width: 40%;
}

div.aerodynamicnoise4{
   float: right;
   width: 40%;
}
div.aerodynamicnoise4-image{
   float: left;
   width: 60%;
}
div.aerodynamicnoise11{
   display: flex;
   
}
div.aerodynamicnoise22{
   display: flex;
}
div.aerodynamicnoise33{
   display: flex;
}
div.aerodynamicnoise44{
   display: flex;
}